<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style lang="scss">
.pdr10 {
  padding-right: 10px;
}
.mgb15 {
  margin-bottom: 15px;
}

.pdr20 {
  padding-right: 20px;
}

.h100 {
  height: 100% !important;
}

.mgt10 {
  margin-top: 10px;
}
.mgb10 {
  margin-bottom: 10px;
}
.mgb20 {
  margin-bottom: 20px;
}
.tar {
  text-align: right;
}
.tac {
  text-align: center;
}
.tal {
  text-align: left;
}
.el-card__header {
  padding: 15px 20px;
  font-size: 14px;

  button {
    padding: 0 !important;
  }
}
.el-submenu__title i {
  color: #924538;
}
.main-c {
  background: #FFFFFF;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.03);
  // border-radius: 6px;
  padding: 0 10px;
  border: 1px solid #EBEBEB;
  height: calc(100%);
  overflow-y: auto;
}
.el-button--primary {
    background-color: #1363DF;
    border-color: #1363DF;
}
.el-button {
  border-radius: 20px;
}
.el-table th.is-leaf, .el-table td {
  border-bottom: 1px solid #F5F5F5;
}
.el-table::before, .el-table--group::after, .el-table--border::after {
  background-color: #F5F5F5;
}

.el-table .cell:first-child {
  // padding-left: 20px;
}
.el-tabs__nav-wrap::after {
  // background-color: transparent;
  // height: 1px;
}
.fixed-width .el-button--mini {
  min-width: 36px;
}
.el-tabs__content {
  margin-top: 16px;
}
.el-tabs__item.is-active {
  color: #1363DF;
}
.el-tabs__active-bar {
  background-color: #1363DF;
}
.el-button--primary:hover, .el-button--primary:focus {
  border-color: #1363DF;
  background-color: #1363DF;
}
.el-dialog__body {
  padding: 10px 20px;
}
.search-from {
  position: relative;
  padding: 6px 0 10px;
  &::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 8px;
    background-color: #f7f7f7;
    z-index: 1;
  }
}
.operation-panel {
  border-bottom: 1px solid #f7f7f7;
  padding-bottom: 10px;
  text-align: right;
  margin: 14px 10px;
}
// .el-input--suffix .el-input__inner {
//     padding-right: 15px;
// }
.el-menu-item.is-active {
  background: #1363DF !important;
}
.form-in-dialog {
  flex-wrap: wrap;
  .el-form-item {
    width: 48%;
    .el-select {
      width: 100%;
    }
  }
}
.order-form {
  flex-wrap: wrap;
  .el-form-item {
    width: 33%;
  }
}
</style>
